import React from 'react';
import {StyleSheet, TouchableOpacity} from 'react-native';
import {Icon} from '@ant-design/react-native';
import px2dp from '../../utils/px2dp';

const SearchHeadIcon = ({navigation}) => {
  return (
    <TouchableOpacity
      style={styles.chart_icon_container}
      onPress={() => navigation.push('Search')}
    >
      <Icon style={styles.head_icon} name={'search'} />
    </TouchableOpacity>
  );
};

const styles = StyleSheet.create({
  head_icon: {
    marginRight: px2dp(36),
    fontSize: px2dp(44),
    color: '#333333',
  },
});

export default SearchHeadIcon;
